@charset "utf-8";
/* CSS Document */

.container {
  width: 100%;
  height: 100%;
}

.div_l {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
  margin: 0 auto;
}

.div_b {
  float: right;
  width: 100px;
  height: 100px;
  background-color: #0000ff;
}

.div_y {
  float: right;
  width: 100px;
  height: 100px;
  background-color: #ff8000;
}

.div_r {
  width: 100px;
  height: 100px;
  background-color: #b20000;
}

.div_h_l {
  width: 300px;
  height: 100px;
}

.div_h_m {
  width: 200px;
  height: 100px;
}

.div_l_l {
  width: 100px;
  height: 300px;
}

.div_l_m {
  width: 100px;
  height: 200px;
}

.div_s {
  width: 100px;
  height: 100px;
}
